<script lang="ts" setup>
import MyBox from '@/components/MyBox.vue'
import BasicTable from './BasicTable.vue'
const props = defineProps(['data', 'cols'])
</script>
<template>
  <MyBox class="bad-count" title="">
    <template v-slot:main>
      <BasicTable :data="data" :cols="cols" />
    </template>
  </MyBox>
</template>
<style lang="less" scoped>
:deep(.table-box .el-table .el-table__cell) {
  padding: 18px 0;
  background: #264e8f;
  color: #b6bdd7;
  font-weight: 600;
}
:deep(.table-box .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell) {
  background: #071c68;
}
:deep(.table-box .el-table .cell) {
  font-size: 24px;
  color: #b6bdd7;
}
:deep(.table-box .el-table__empty-block) {
  min-height: 650px;
}
</style>
